#container {
    width:580px;
    padding:10px;
    margin:0 auto;
    position:relative;
    z-index:0;
}

#example {
    width:600px;
    height:350px;
    position:relative;
}

#ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
}

#frame {
    height: 324px;
    left: -12px;
    position: absolute;
    top: -3px;
    width: 650px;
    z-index: 0;
}

#slides {
    position:absolute;
    top:15px;
    left:29px;
    z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
    width:570px;
    overflow:hidden;
    position:relative;
    display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
    width:570px;
    height:270px;
    display:block;
}

.slides_container a img {
    display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:585px;
}

/*
	Pagination
*/

.pagination {
    margin:26px auto 0;
    width:100px;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../images/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position:0 -12px;
}

/*****single***/

.item-single-info {
    margin:30px 0;
    padding:1px;
    text-shadow:1px 0 white;
}
.item-single-info:first-child {
    margin-top:0;
}
.item-single-info > li {
    margin: 1px 0;
    padding: 3px 12px;
    background:url(../images/list-cong.png) left 8px no-repeat;
}
.item-single-info li li {
    padding:0 10px;
    background:url(../images/list-tru.png) left center no-repeat;
}
.item-single-info li span {
    display:inline-block;
    width:200px;
}
.item-single-info li .address-label {
    width:90px;
}
.item-single-info li .location {
    width:512px;
}
.item-single-info li .sdt {
letter-spacing: 2px;
    font-size: 1.2em;
}
.item-note .notes, .water, .others {
    margin-left: 58px;
}
.item-note .notes {
    font-style:italic;
    font-weight:bold;
}
.rules {
    background:#EDEDED;
    text-shadow:1px 0 white;
}
.rules h3{
    background:#DBDBDB;
    border-bottom:1px solid white;
}
.rules p {
    padding:2px 10px;
    letter-spacing:.2px;
}
.rules ol {
    margin-left:10px;
}
.rules ol li {
    padding:5px 10px;
    list-style: decimal;
}

.google-map h3 {
    background:#DBDBDB;
}
/****
related post
*****/
body .item-single {
    border:none;
}

#related {
    background:#FFFFFF;
}
.related h3 {
    margin-top:20px;
    border-bottom: 1px solid;
    margin-bottom: -15px;
    padding-left: 0;
    text-transform: uppercase;
}
#related > ul {
    margin-top:20px;
    padding-left:10px;
}
.related-item {
    height:130px;
    min-height:130px;
    padding:10px 0;
    border-bottom:1px dashed #e3e3e3;
}
.related-item img {
    margin:10px 10px 10px 0;
    float:left;
    border:1px solid #e3e3e3;
    padding:4px;

}
.related-item .related-item-info {
    margin-left:110px;
    margin-top:0;
}
.related-item-info h4 {
    padding-top:9px;
}
.related-item .related-item-info ul {
    margin-top:-10px;
}
.related-item .related-item-info ul li {
    padding-left:10px;
    background:url('../images/list-cong.png') 0 6px no-repeat;
}
.related-item .related-item-info span {
    font-weight: bold;
    font-size:1.1em;
}
/***
* comment
***/

/* -------------------[ Comments ]------------------- */

h3#comments {
    text-transform:uppercase;
    border-bottom:1px solid black;
}
#comment {
    margin-top:20px;
}
.allcomments {
    padding: 0 10px;
    background:white;
}

.commentlist {
    padding: 0;
    list-style-type:none;
    margin: 0 ;
}

ol.commentlist li {
    background: #f5f5f5;
    clear:both;
    margin: 0 0 15px;
    padding: 15px;
    border:1px solid #ebebeb;
    list-style-type:none;
}

.commentlist li ul.children li {
    background: #fff;
}

.commentlist li ul.children li.depth-3,
.commentlist li ul.children li.depth-5,
.commentlist li ul.children li.depth-7,
.commentlist li ul.children li.depth-9 {
    background: #f5f5f5;
}

.commentlist li ul.children {
    margin: 0;
    padding: 0;
}

.commentlist li ul.children li {
    margin: 15px 0 0;
}

.commentlist li.alt { }

.commentmetadata {
    display: block;
    margin-bottom:10px;
    font-size: 8pt;
}

.commentlist cite {
    font-style:normal;
    font-weight:bold;
}

#commentform {
    padding: 0;
    margin-bottom:0;
}

#commentform label {
    padding: 0;
    margin: 0 0 0 5px;
    font-size:8pt;
    color:#666;
}
#commentform input#author,
#commentform input#email,
#commentform input#url,
#commentform textarea {
    background: none repeat scroll 0 0 #F5F5F5;
    border-color: #CCCCCC #DDDDDD #DDDDDD #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
    width: 250px;
}
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus,
#commentform textarea:focus {
    background:white;
}
#commentform textarea {
    width:95%;
    height:100px;
}
#commentform input#submit {
    cursor:pointer;
    font-family:arial,helvetica,sans-serif;
    clear:both;
    padding: 5px 20px;
    font-size:10pt;
    text-align:center;
    font-weight:bold;
    color:#fff;
    background:#336699;
}
p.button-submit {
    margin:0;
}
#commentform input#submit:hover {
    background:#000;
}

#respond {
    background:white;
    padding:5px 10px;
    clear:both;
    margin-top:20px;
}

.commentlist #respond {
}

.comments-navigation {
    display:block;
    margin: 0;
    padding:10px 0;
    font-weight:bold;
}

.comments-navigation .alignleft {
    float:left;
}

.comments-navigation .alignright {
    float:right;
}

.comments-number {
    font-size:8pt;
    font-weight:bold;
    margin-bottom:0;
    padding:0;
}

.commentlist img.avatar,
.commentlist img.comment-grav {
    padding:2px;
    background:#fff;
    border:1px solid #ebebeb;
    float:right;
    margin:0 0 10px 10px;
}

.reply {
    margin: 0;
}

a.comment-reply-link,
a.comment-reply-link:link,
a.comment-reply-link:visited,
.reply a,
.reply a:link,
.reply a:visited {
    clear:both;
    padding: 4px 8px;
    font-weight:bold;
    font-size:8pt;
    text-transform:lowercase;
    color:#fff;
    background:#336699;
}

a.comment-reply-link:hover,
a.comment-reply-link:active,
.reply a:hover,
.reply a:active {
    background:#000;
}

ol.commentlist .comment-body ul {
    list-style-type:disc;
    margin:0 30px 15px;
    padding:0;
    border:none;
}

ol.commentlist .comment-body ul li {
    list-style-type:disc;
    margin:0;
    padding:0;
    border:none;
}

ol.commentlist .comment-body ol {
    list-style-type:decimal;
    margin:0 30px 15px;
    padding:0;
    border:none;
}

ol.commentlist .comment-body ol li {
    list-style-type:decimal;
    margin:0;
    padding:0;
    border:none;
}

.cancel-comment-reply {
    padding: 5px 0 10px;
}

